body{
	background-color:#DBDBDB;	
}
#desk {
	background-image: url('../images/desk.jpg');
	background-repeat: no-repeat;	
	background-size: 1000px, 1000px;
	margin: auto;
	border: 1px, #999;
	background-position: center;
	border: 1px solid #999;
	height: 750px;
	width: 1000px;
	-webkit-border-radius: 30px;
		border-radius: 30px;
	-webkit-box-shadow:0px 0 20px #242323;
		box-shadow:0px 0 20px #242323;
}
form {
	border: none;
	margin: auto;
	margin-top: 65px;
	width: 412px;
	height: 430px;
	background-image:url('../images/note.png');
	background-size: 400px, 400px;
	transform:rotate(-20deg);
		-ms-transform:rotate(-20deg); /* IE 9 */
		-moz-transform:rotate(-20deg); /* Firefox */
		-webkit-transform:rotate(-20deg); /* Safari and Chrome */
		-o-transform:rotate(-20deg); /* Opera */
}
#login{
	padding-left: 70px;
	border: none;
}
.logText{
	margin-top: 10px;
}

.logText:hover {
	box-shadow: 0px 0px 15px #CCCCCC;
		-moz-box-shadow: 0px 0px 15px #CCCCCC;
		-webkit-box-shadow: 0px 0px 15px #CCCCCC;
}

.logText:focus {
	box-shadow: 0px 0px 15px #888888;
		-moz-box-shadow: 0px 0px 15px #888888;
		-webkit-box-shadow: 0px 0px 15px #888888;
}

input.login{
	margin-left: 160px;
	margin-top: 10px;
	width: 75px;
	height: 30px;
}
input.register
{
	margin-left: 160px;
	margin-top: 20px;
	width: 75px;
	height: 30px;
}	
#forgot{
	padding-left: 39px;
	margin-top: 70px;
	border: none;
	transform:rotate(1deg);
		-ms-transform:rotate(1deg); /* IE 9 */
		-moz-transform:rotate(1deg); /* Firefox */
		-webkit-transform:rotate(1deg); /* Safari and Chrome */
		-o-transform:rotate(1deg); /* Opera */
}
a.forgot{
	margin: 20px;
}


div#login1{
	position: absolute;
	padding-left: 320px;
	top: 65px;
	z-index: 22;'
}

div#regi{
	position: absolute;
	padding-left: 247px;
	top: 59px;
	z-index: 20;
	opacity: 0;
}

#toReg:target ~ #regi,
#toLogin:target ~ #login1{
	z-index: 22;
	opacity: 1;
	transition: opacity .5s ease-in-out;
	   -moz-transition: opacity .5s ease-in-out;
	   -webkit-transition: opacity .5s ease-in-out;
}
#toReg:target ~ #login1,
#toLogin:target ~ #regi{
	opacity: 0;
   transition: opacity .5s ease-in-out;
	   -moz-transition: opacity .5s ease-in-out;
	   -webkit-transition: opacity .5s ease-in-out;
}

#switchReg{
	text-decoration: none;
}

#red {
	color: red;
	text-decoration: underline;
}
.button {
	margin-left: 170px;
	margin-top: 20px;
	color: black;
	border: solid 1px #4D4D4D;
	background: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#B2B2FF), to(#808080));
	background: -moz-linear-gradient(top,  #B2B2FF,  #808080);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2B2FF', endColorstr='#808080');
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.button:hover {
	background: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#B2B2FF));
	background: -moz-linear-gradient(top,  #808080,  #B2B2FF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#B2B2FF');
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.button:active {
	color: #808080;
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#515151));
	background: -moz-linear-gradient(top,  #808080,  #515151);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#515151');
	-moz-border-radius: 7px;
	border-radius: 7px;
}